/*创建动画*/
/*1.慢慢的显示*/

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	50% {
		opacity: .5;
	}
	100% {
		opacity: 1;
	}
}
/*先放大后缩小*/
@-webkit-keyframes scaleSmallAdnMax {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	25% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	75% {
		-webkit-transform: scale(1.5);
		opacity: scale(1.5);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
/*掉落*/
@-webkit-keyframes diaoluo {
	0% {
		-webkit-transform: translateY(-200%);
		transform: translateY(-200%);
	}
	25% {
		-webkit-transform: translateY(-75%);
	transform: translateY(-75%);
	}
	50% {
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	75% {
		-webkit-transform: translateY(-25%);
		transform: translateY(-25%);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
/*掉落*/
@-webkit-keyframes moveLeftAndRight {
	0% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	25% {
		-webkit-transform: translateX(50%);
	transform: translateX(50%);
	}
	50% {
		-webkit-transform: translateX(-25%);
		transform: translateX(-25%);
	}
	75% {
		-webkit-transform: translateX(25%);
		transform: translateX(25%);
	}
	100% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
}
/*左边飞入*/
@-webkit-keyframes LeftIn {
	
	0% {
		-webkit-transform: translatex(-200%);
		transform: translatex(-200%);
	}
	10% {
		-webkit-transform: translatex(-75%);
	transform: translatex(-75%);
	}
	30% {
		-webkit-transform: translatex(-50%);
		transform: translatex(-50%);
	}
	50% {
		-webkit-transform: translatex(-25%);
		transform: translatex(-25%);
	}
	100% {
		-webkit-transform: translatex(0);
		transform: translatex(0);
	}
	
}
@-webkit-keyframes moveA {
	0% {
		-webkit-transform: translatex(-10%);
		transform: translateX(-10%);
	}
	50% {
		-webkit-transform: translatex(10%);
	transform: translateX(10%);
	}
	100% {
		-webkit-transform: translatex(-10%);
		transform: translateX(-10%);
	}

}
/*添加动画*/

.move{
		animation: moveA 1s ease-out forwards;
	-webkit-animation: moveA 1s ease-out infinite;
}
.fadeIn{
	animation: fadeIn 1s ease-out forwards;
	-webkit-animation: fadeIn 1s ease-out forwards;
}
.zoom{
	animation: scaleSmallAdnMax 1s ease-out forwards;
	-webkit-animation: scaleSmallAdnMax 1s ease-out infinite;
}
.diaoluo{
	animation: diaoluo 1s  linear forwards ;
	-webkit-animation: diaoluo 1s linear forwards;
}
.baidong{
	animation: moveLeftAndRight 2s  ease-in-out alternate ;
	-webkit-animation: moveLeftAndRight 2s  ease-in-out alternate;
}
.leftIn{
	animation: LeftIn 1  linear forwards ;
	-webkit-animation: LeftIn 1s  linear forwards;
}



